@charset "UTF-8";
@import "reset","mixin","variable2";
/*平分网格*/
.mc-avg-2{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:50%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-3{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:33.333333333%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-4{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:25%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-5{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:20%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-6{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:16.666666666%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
/*平分间距*/
.avg-margin-10{
  margin-right:-10px;
  .item{
    padding-right:10px;
  }
}
.avg-margin-15{
  margin-right:-15px;
  .item{
    padding-right:15px;
  }
}
.avg-margin-20{
  margin-right:-20px;
  .item{
    padding-right:20px;
  }
}
.avg-margin-25{
  margin-right:-25px;
  .item{
    padding-right:25px;
  }
}
.avg-margin-30{
  margin-right:-30px;
  .item{
    padding-right:30px;
  }
}
/*转大话主席 向左翻动*/
.mc-picScroll-left{
  width:100%;overflow:hidden; position:relative;background:#fff;
  .prev,.next{
    display:block;width:35px; height:60px;background:#f6f6f6;overflow:hidden;cursor:pointer;
    font-size:24px;text-align:center;line-height:60px;
    position:absolute;top:50%;right:0;margin-top:-30px;
    z-index:9;
  }
  .next{left:0;}
  .bd{
    padding:10px 35px;
    ul{
      overflow:hidden; zoom:1;
      li{
        width:216px;height:298px;border:1px solid #e5e5e5; margin:0 4px; float:left; _display:inline; overflow:hidden;
      }
    }
  }
}
/*三角箭头*/
/*下箭头*/
.arrow-box{
  width:10px;
  height:10px;
  position:absolute;
  right:15px;
  top:15px;
  z-index: 2;/*兼容ie8-*/
  .arrow1,.arrow2{
    width:0;
    height:0;
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index: 5;/*兼容ie8-*/
    border-bottom:5px transparent dashed;
    border-left:5px transparent dashed;
    border-right:5px transparent dashed;
    border-top:5px #f8f8f8 solid;
    overflow:hidden;
  }
  .arrow1{
    top:1px;/*重要*/
    border-top:5px #989898 solid;
  }
  .arrow2{
    border-top:5px #f8f8f8 solid;
  }
}
/*迁移pure表单样式*/
.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: 100;
  letter-spacing: 0.01em;
}
.pure-form-aligned .pure-control-group {
  margin-bottom: .5em;
}
.pure-form-aligned .pure-control-group .group-tit {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 120px;
}
.pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: .5em 0;
  display: block;
}
.pure-form input:not([type])[disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=text][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff;
}
.pure-form legend {
  display: block;
  width: 100%;
  padding: .3em 0;
  margin-bottom: .3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

/*迁移并复写pure按钮*/
.pure-button {
  display: inline-block;
  zoom: 1;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: inherit;
  font-size: 100%;
  padding: .5em 1em;
  color: #444;
  color: rgba(0,0,0,.8);
  border: 1px solid #999;
  border: transparent;
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}
.button-success,
.button-error,
.button-warning,
.button-secondary {
  color: white;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  &:hover{
    color:#fff;
  }
}
.button-success {
  background: rgb(28, 184, 65); /* this is a green */
}
.button-error {
  background: rgb(202, 60, 60); /* this is a maroon */
}
.button-warning {
  background: rgb(223, 117, 20); /* this is an orange */
}
.button-secondary {
  background: rgb(66, 184, 221); /* this is a light blue */
}
.button-xsmall {
  font-size: 70%;
  padding:2px 10px;
}
.button-small {
  font-size: 85%;
  padding:2px 10px;
}
.button-large {
  font-size: 110%;
  padding:5px 15px;
}
.button-xlarge {
  font-size: 125%;
}
.btn-block{
  display:block;
  padding:5px 0;
}

/*会员中心布局*/
.userbox{
  width:1200px;
  margin:30px auto;
  .left{
    width:200px;
    float:left;
  }
  .right{
    width:980px;
    float:right;
  }
}
/*左侧用户信息块*/
.mu-userinfo-box{
  border:1px solid #e8e8e8;
  padding:15px 5px;
  position:relative;
  .headimg{
    width:50px;
    height:50px;
    position:absolute;
    top:15px;
    left:8px;
    .corner{
      position:absolute;
      right:0px;
      bottom:0px;
      z-index:9;
      .iconfont{
        font-size:16px;
        color: $antiColor;
      }
    }
    img{
      width:50px;
      height:50px;
      border-radius:50%;
    }
    .mask{
      width:50px;
      height:50px;
      background:url() no-repeat center center;
      background-size:cover;
      position:absolute;
      top:0;
      left:0;
    }
  }
  .username{
    padding:10px 0 10px 60px;
    border-bottom:1px dashed #e8e8e8;
    .tit{
      font-size:14px;
      font-weight:500;
      margin-bottom:5px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .desc{
      font-size:12px;
      line-height:20px;
      color:#989898;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
  }
  .logininfo{
    font-size:12px;
    line-height:20px;
    padding:10px 0;
    .row{
      color:#333;
      b{
        color: #989898;
        font-weight:500;
      }
    }

  }
  .action{
    padding:10px 0;
    text-align:center;
    .link{
      display: inline-block;
      padding:4px 12px;
      border:1px solid #e8e8e8;
      font-size:12px;
      color:#333;
      margin:0 5px;
      @include animatetime();
      &:hover{
        border-radius:10px;
        border-color:$antiColor;
        box-shadow:0 0 0 1px $antiColor;
        background:#f8f8f8;
      }
    }

  }
}
.mu-menu-tab{
  margin-top:10px;
  border:1px solid #e8e8e8;
  border-top:none;
  .con{
    display:none;
    height:auto;
    padding:10px;
    background:#fff;
    .link{
      display:block;
      font-size:13px;
      line-height:40px;
      color:#989898;
      padding:0 10px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      border-bottom:1px dashed #e8e8e8;
      &:hover{
        color:$mainColor;
      }
    }
    .active{
      color:$mainColor;
      font-weight:600;
    }
  }
  .trigger{
    display:block;
    height:40px;
    font-size:14px;
    line-height:40px;
    padding:0 10px;
    background:#f8f8f8;
    position:relative;
    border-top:1px solid #e8e8e8;
  }
  .trigger:target{
    background:#f4f4f4;
    .arrow-box{
      -moz-transform:scaleY(-1);
      -webkit-transform:scaleY(-1);
      -o-transform:scaleY(-1);
      transform:scaleY(-1);
      /*IE*/
      filter:FlipV;
    }
  }
  .trigger:target+div{
    display:block;
  }
}
/*右侧会员中心容器*/
.mu-usermain-box{
  border:1px solid #e8e8e8;
  background:#fff;
  min-height:500px;
  @include shadow();
  .user-main-title{
      height:30px;
      line-height: 30px;
      padding:10px;
      background:#f8f8f8;
      border-bottom:1px solid #e8e8e8;
      margin-bottom:10px;
      position:relative;
      .title{
        float:left;
        padding-right:200px;
        font-size:18px;
        font-weight:500;
        overflow:hidden;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
        .sub{
          font-size:14px;
          font-weight:500;
          margin-left:10px;
          color:#989898;
        }
      }
      .tit-action{
        display: block;
        padding:4px 12px;
        background:$antiColor;
        border:1px solid $antiColor;
        border-radius:3px;
        font-size:14px;
        color:#fff;
        font-size:12px;
        margin:0 5px;
        line-height:normal;
        float:right;
        @include animatetime();
        &:hover{
          border-radius:10px;
          border-color:$antiColor;
          box-shadow:0 0 0 1px $antiColor;
          background:#f8f8f8;
          color:$antiColor;
        }
      }
      .more{
        float:right;
        font-size:14px;
        color:#333;
        &:hover{
          color:$mainColor;
        }
      }
    }
  .user-action-main{
    padding:20px;
    .block-title{
      font-size:18px;
      line-height:40px;
      border-bottom:1px solid #e8e8e8;
      margin-bottom:15px;
    }
  }
}
/*分割线*/
.mu-cut-line{
  margin:20px auto;
  border-bottom:1px solid #e8e8e8;
  height:0;
}
/*会员中心复写表单*/
.mu-form{
  font-size:14px;
  input{
    font-size:14px;
    line-height:20px;
  }
  select{
    font-size:14px;
    height:36px;
    line-height:36px;
  }
  .group-tit{
    padding:0 5px;
  }
  .pure-button{
    padding:0 10px;
    height:36px;
    line-height:36px;
  }
  .pure-control-group{
    margin-bottom:20px;
  }
  .search-group{
    margin-bottom:20px;
    &:after{
      display:block;content:'';clear:both;height:0;overflow:hidden;
    }
    input{
      width:400px;
      border-radius:4px 0 0 4px;
      float:left;
    }
    .pure-button{
      width:60px;
      text-align:center;
      float:left;
      border-radius:0 4px 4px 0;
    }
    .more-link{
      font-size:14px;
      line-height:36px;
      padding:0 15px;
      color:#0078e7;
    }
  }
}
.mu-form-aligned{
  .pure-control-group{
    position:relative;
    padding-left:140px;
    &:after{
      display:block;content:'';clear:both;height:0;overflow:hidden;
    }
    .group-tit{
      position:absolute;
      line-height:36px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      top:0;
      left:0;
    }
    input[type=password], input[type=email], input[type=url], input[type=date], input[type=month], input[type=time], input[type=datetime], input[type=datetime-local], input[type=week], input[type=tel], input[type=color], input[type=number], input[type=search], input[type=text]{
      width:100%;
    }
    textarea{
      width:100%;
      height:100px;
      padding:2px;
      font-size:13px;
      line-height:24px;
    }
    .pure-checkbox, .pure-radio{
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      margin:0;
      float:left;
      padding-right:10px;
      line-height:36px;
    }
    .select-block{
      width:100%;
    }
    .form-avg-2{
      width:49%;
      float:left;
      margin-right:2%;
    }
    .form-avg-2:last-child{
      margin-right:0;
    }
    .form-avg-3{
      width:32%;
      float:left;
      margin-right:2%;
    }
    .form-avg-3:last-child{
      margin-right:0;
    }
    .form-avg-4{
      width:23.5%;
      float:left;
      margin-right:2%;
    }
    .form-avg-4:last-child{
      margin-right:0;
    }
    .form-avg-5{
      width:18.4%;
      float:left;
      margin-right:2%;
    }
    .form-avg-5:last-child{
      margin-right:0;
    }
  }
  .pure-controls{
    padding-left:140px;
    margin-bottom:20px;
  }
  .um-action-box{
    text-align:center;
  }
}
/*优惠券*/
.mu-stamp{
  width:100%;
  height:140px;
  padding:0 8px;
  margin-bottom:10px;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  position:relative;
  overflow:hidden;
  color:#fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .copy{
    height:28px;
    padding:5px 10px;
    background:#F39B00;
    position:relative;
    z-index:9999;
    border-top:2px dashed rgba(255,255,255,.3);
    .validity{
      font-size:12px;
      line-height:24px;
      float:left;
    }
    .use-link{
      float:right;
      display:block;
      margin:0 auto;
      padding:5px 10px;
      background:#fff;
      border-radius:10px;
    }
  }
  .par{
    position: relative;
    background:#F39B00;
    height:90px;
    padding:10px 10px 5px;
    .shop-name{
      font-size:15px;
      line-height:15px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .coupon{
      font-size:14px;
      line-height:55px;
      height:55px;
      overflow:hidden;
      text-align:center;
      .money{
        font-size:24px;
        font-weight:600;
        padding:0 5px;
      }
    }
    .desc{
      font-size:13px;
      line-height:15px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      padding-right:30px;
    }
  }
  .mask{
    position: absolute;
    z-index:0;
    left: 30%;
    top: 45px;
    height: 190px;
    width: 390px;
    background-color: rgba(255,255,255,.15);
    transform: rotate(-30deg);
  }
  .status{
    width:80px;
    height:60px;
    position:absolute;
    top:5px;
    right: 5px;
    background-size:cover;
  }
  .status1{
    background-image:url()
  }
  .status2{
    background-image:url()
  }
}
.mu-stamp01{
  background: #F39B00;
  background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #F39B00 5px);
  background-size: 15px 15px;
  background-position: 9px 3px;
  .par,.copy {
    background: #F39B00;
  }
}
.mu-stamp02{
  background: #D24161;
  background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #D24161 5px);
  background-size: 15px 15px;
  background-position: 9px 3px;
  .par,.copy {
    background: #D24161;
  }
}
.mu-stamp03{
  background: #7EAB1E;
  background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #7EAB1E 5px);
  background-size: 15px 15px;
  background-position: 9px 3px;
  .par,.copy {
    background: #7EAB1E;
  }
}
.mu-stamp04{
  background: #50ADD3;
  background: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #50ADD3 5px);
  background-size: 15px 15px;
  background-position: 9px 3px;
  .par,.copy {
    background: #50ADD3;
  }
}
/*带店铺信息的单个商品，上下排列*/
.goods-item-shop{
  margin-bottom:10px;
  .thumb{
    width:100%;
    height:180px;
    overflow:hidden;
    position:relative;
    img{
      width:100%;
      height:180px;
    }
    .del-action{
      display:block;
      width:0;
      height:0;
      background:url() no-repeat center center rgba(0,0,0,0.5);
      background-size:15px 15px;
      position:absolute;
      top:0;
      right:0;
      &:hover{
        background-color:#f60;
      }
    }
    .action{
      width:100%;
      height:0;
      background:rgba(0,0,0,0.5);
      position:absolute;
      bottom:0;
      left:0;
      @include animatetime();
      .link{
        display:block;
        width:50%;
        height:30px;
        line-height:30px;
        text-align:center;
        float:left;
        color:#fff;
        &:hover{
          background:#f60;
        }
      }
    }
    &:hover{
      cursor: pointer;
      .del-action{
        width:30px;
        height:30px;
      }
      .action{
        height:30px;
      }
    }
  }
  .text-info{
    padding:0 8px;
    border:1px solid #e8e8e8;
    boder-top:none;
    .goods-link{
      display:block;
      font-size:12px;
      line-height:18px;
      display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;
    }
    .shop-link{
      display:block;
      font-size:12px;
      line-height:18px;
      color:#989898;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      padding-left:18px;
      background-repeat:no-repeat;background-position:left center;background-size:auto 14px;
      background-image:url();
    }
    .price{
      font-size:14px;
      line-height:30px;
      .goods-price{
        color:#ff0000;
      }
      .market-price{
        font-size:12px;
        color:#989898;
        float:right;
        text-decoration: line-through;
      }
      .invalid{
        font-size:12px;
        color:#989898;
        text-align:center;
      }
    }
  }
}
/*店铺收藏*/
.mu-shop-collection{
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    height:200px;
    margin-bottom:10px;
    position:relative;
    border:1px solid #e8e8e8;
    .shop-info-box{
      width:180px;
      height:180px;
      padding:10px;
      position:absolute;
      top:0;
      left:0;
      border-right:1px solid #e8e8e8;
      .shop-logo{
        width:120px;
        margin:0 auto;
        img{
          width:120px;
        }
      }
      .shop-name{
        font-size:15px;
        font-weight:600;
        line-height:30px;
        text-align:center;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .shop-level{
        padding:5px 0;
        text-align:center;
        .tag{
          padding:3px 10px;
          color:#fff;
          background:#e4393c;
          border-radius:5px;
          margin:0 2px;
        }
        .vip{
          background:#cac5b8;
        }
      }
      .action{
        width:100%;
        height:40px;
        position:absolute;
        border-top:1px solid #e8e8e8;
        bottom:0;
        left:0;
        .link{
          display:block;
          position:relative;
          width:50%;
          height:40px;
          line-height:40px;
          text-align:center;
          float:left;
          color:#333;
          &:hover{
           color:#e4393c
          }
          &:first-child:after{
            display:block;
            content:'';
            height:40px;
            width: 0;
            position:absolute;
            right:0;
            top:0;
            border-right:1px solid #e5e5e5;
          }
        }
      }
      .follow-num{
        text-align:center;
        color:#989898;
        line-height:30px;
      }
    }
  }
  .goods-box{
    padding-left:201px;
    .bd li{
      border:none;
      width:156px;
      height:178px;
    }
  }
}
/*店铺收藏单个商品*/
.mc-goods-item-sm{
  width:156px;
  height:178px;
  position:relative;
  .link{
    @include link-block;
    z-index:9999;
  }
  .img-thumb{
    width:146px;
    height:135px;
    margin:0 auto;
    overflow: hidden;
    img{
      width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .goodsname{
    padding:0 5px;
    font-size:14px;
    line-height:20px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
  }
  .pricebox{
    padding:0 5px;
    font-size:12px;
    line-height:24px;
    .goods-price{
      font-weight:600;
      color:#e4393c;
    }
    .market-price{
      color: #989898;
      float:right;
      text-decoration:line-through;
    }
  }
}
/*账户信息*/
.mu-account{
  position: relative;
  .item{
    min-height:20px;
    padding:10px 0;
    border-bottom:1px solid #e5e5e5;
    font-size:13px;
    line-height:20px;
    .date{
      width:150px;
      text-align:center;
    }
    .account{
      width:200px;
      font-size:14px;
      font-weight:600;
      text-align:center;
      .plus{
        color:$mainColor;
      }
      .minus{
        color:$antiColor;
      }
    }
    .accout-info{
      display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
      .link{
        color:#e4393c;
        text-decoration:underline;
      }
    }
  }
  .item-tit{
    min-height:20px;
    padding:10px 0;
    background:#f8f8f8;
    border-bottom:1px solid #e5e5e5;
    font-size:13px;
    line-height:20px;
    .date{
      width:150px;
      text-align:center;
    }
    .account{
      width:200px;
      font-size:13px;
      font-weight:500;
      text-align:center;
    }
    .accout-info{
      text-align:center;
    }
  }
}
/*发票列表*/
.mu-invoice{
  font-size:13px;
  line-height:20px;
  color:#333;
  td{
    padding:10px 5px;
  }
  .item{
    min-height:20px;
    border-bottom:1px solid #e5e5e5;
    .type{
      width:100px;
    }
    .inv-info{
      width:280px;
      .link{
        color:#e4393c;
        text-decoration:underline;
      }
    }
    .address{
      width:300px;
    }
    .inv-type1{
      padding:5px 10px;
      background:#f2f2f2;
      border:1px solid #e8e8e8;
    }
    .inv-type2{
      padding:5px 10px;
      background:#fff;
      color:#e4393c;
      border:1px solid #e4393c;
    }
  }
  .item-tit{
    background:#f8f8f8;
    text-align:center;
  }

}
/*账户安全*/
.mu-account-security{
  position:relative;
  .account-info{
    padding:10px;
    font-size:14px;
    line-height:30px;
    background:#fffdee;
    .action-link{
      float:right;
      padding:4px 10px;
      line-height: normal;
      font-size:12px;
      background:#e2231a;
      color:#fff;
      border-radius:5px;
    }
  }
  .security-level{
    position:relative;
    padding:30px 0;
    text-align:center;
    &:after{
      display:block;content:'';clear:both;height:0;overflow:hidden;
    }
    .tit,.speed,.bar,.text-info{
      display:inline-block;
    }
    .tit{
      font-size:16px;
      line-height:30px;
      margin-right:15px;
    }
    .speed{
      width:300px;
      height:16px;
      margin-top:8px;
      border:1px solid #f60;
      border-radius:8px;
      text-align:left;
      background:#f8f8f8;
      overflow:hidden;
      .bar{
        height:16px;
        background:#f60;
        border-radius:0 8px 8px 0;
      }
      .bar1{
        width:33.33%;
      }
      .bar2{
        width:66.66%;
      }
      .bar3{
        width:100%;
      }
    }
    .text-info{
      margin-left:15px;
      font-size:13px;
      line-height:30px;
      .level-1{
        color:#e2231a;
        &:after{
          content:'危险';
        }
      }
      .level-2{
         color:#f60;
        &:after{
          content:'一般';
        }
       }
      .level-3{
        color:#ff0000;
        &:after{
          content:'很好';
        }
      }
    }
  }
  .security-list{
    .item{
      position:relative;
      padding:20px 0;
      border-bottom:1px solid #e8e8e8;
      .security-info{
        width:140px;
        height:40px;
        line-height:40px;
        font-size:16px;
        font-weight:600;
        position:absolute;
        top:20px;
        left:0;
        border-right:1px solid #e8e8e8;
        text-align:right;
        padding-right:20px;
        .icon{
          display:block;
          width:32px;
          height:32px;
          float:left;
          margin:4px 10px;
          background-image:url();
          background-repeat:no-repeat;background-size:auto 32px;
        }
        .icon1{
          background-position:0 0;
        }
        .icon2{
          background-position:-64px 0;
        }
      }
      .action{
        display:block;
        width:80px;
        height:40px;
        line-height:40px;
        font-size:14px;
        text-align:center;
        position:absolute;
        right:0;
        top:20px;
        &:hover{
          color:#e2231a;
        }
      }
      .text-info{
        padding:0 90px 0 170px;
        font-size:13px;
        line-height:40px;
        color:#989898;
      }
    }
  }
}
/*收货地址*/
.mu-address-list{
  position:relative;
  border:1px solid #e8e8e8;
  .item{
    font-size:13px;
    line-height:24px;
    padding:20px 0;
    border-bottom:1px solid #e8e8e8;
    &:hover{
      background:#f8f8f8;
    }
    &:last-child{
      border-bottom:none;
    }
    table{
      width:100%;
    }
    td{padding:0 8px;}
    .consignee{
      width:120px;
      text-align:center;
    }
    .tel{
      width:150px;
      text-align:center;
    }
    .action{
      width:140px;
      text-align:right;
      .action-link{
        margin-left:5px;
        &:hover{
          color:#e4393c;
        }
      }
    }
  }
  .active{
    position:relative;
    background:#fffdee;
    &:hover{
      background:#fffdee;
    }
    &:after{
      display:block;
      content:'';
      width:40px;
      height:40px;
      position:absolute;
      top:0;
      left:2px;
      background-repeat:no-repeat;background-size:cover;background-position:center center;
      background-image:url();
    }
  }
  .item-tit{
    text-align:center;
    font-size:14px;
    font-weight:600;
    text-align:center !important;
    background:#f8f8f8;
    .action{
      text-align:center;
    }
  }
}
/*无内容提示*/
.mu-no-msg{
  padding:50px 0;
  text-align:center;
  .iconfont{
    font-size:48px;
    color:#989898;
    line-height:60px;
  }
  .text{
    font-size:16px;
    line-height:24px;
    color:#333;
  }
  .action-link{
    font-size:14px;
    line-height:30px;
    color:#e4393c;
    text-decoration: underline;
  }
}
/*评分星星*/
.mu-star{
  width:150px;
  height:40px;
  position:relative;
  .score{
    position:absolute;
    top:-20px;
    left:0;
  }
  .starbox{
    display:block;
    position:relative;
    width:30px;
    height:30px;
    float:left;
    overflow:hidden;
    background-image: url();
    background-repeat:no-repeat;background-size:auto 30px;
    background-position:0 0;
    &:hover{
      cursor: pointer;
      background-position:-30px 0;
    }
  }
  .star-active{
    background-position:-30px 0;
  }
}
/*评分块*/
.mu-star-score{
  width:280px;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .tit{
    font-size:12px;
    color: #989898;
    line-height:30px;
    padding-right:10px;
    float:left;
  }
  .mu-star{
    float:left;
  }
  .score-number{
    font-size:14px;
    color:#e4393c;
    line-height:30px;
    float:left;
    padding-left:10px;
  }
}
/*订单列表*/
.mu-order-list{
  .item{
    position:relative;
    margin-bottom:10px;
    .item-tit{
      height:20px;
      padding:10px;
      background:#f8f8f8;
      border:1px solid #e8e8e8;
      border-bottom:none;
      .shopinfo{
        float:left;
        padding-left:30px;
        background-image: url();
        background-repeat:no-repeat;background-size:20px;background-position:left center;
        .link{
          font-size:14px;
          line-height:20px;
          color:#333;
          &:hover{
            color:#e4393c;
          }
        }
        .tag{
          padding:2px 10px;
          color:#fff;
          background:#e4393c;
          border-radius:5px;
          margin:0 2px;
          font-size:12px;
        }
        .vip{
          background:#cac5b8;
        }
      }
      .order-sn{
        float:right;
        font-size:12px;
        line-height:20px;
        color:#989898;
        .sn{
          color:#989898;
          margin-right:8px;
          &:hover{
            color:#e4393c;
          }
        }
      }
    }
    .order-table{
      width:100%;
      td{
        padding:5px;
        border:1px solid #e8e8e8;
        font-size:13px;
        line-height:20px;
      }
      .tit{
        padding:5px 10px;
        text-align:center;
      }
      .goodsinfo{
        width:300px;
      }
      .price,.pay,.number,.action{
        width:100px;
      }
      .pay,.action{
        text-align:center;
        .action-link{
          display:block;
          border:1px solid #e8e8e8;
          background:#f8f8f8;
          margin-bottom:8px;
          font-size:12px;
          line-height:24px;
          border-radius:5px;
          &:hover{
            background:$mainColor;
            color:#fff;
          }
        }
      }
      .order-goods-box{
        padding:0;
      }

    }
    .goods-price-list{
      position:relative;

      .list-item{
        height:auto;
        border-bottom:1px dashed #e8e8e8;
        &:after{
          display:block;content:'';clear:both;height:0;overflow:hidden;
        }
        &:last-child{
          border:none;
        }
      }
      .goodsbox{
        width:300px;
        height:60px;
        padding:10px 5px;
        float:left;
        .thumb{
          width:60px;
          height:60px;
          float:left;
          margin-right:10px;
          img{
            width:60px;
            height:60px;
          }
        }
        .text-info{
          width:230px;
          float:left;
          .goods-name{
            display:block;
            font-size:13px;
            line-height:20px;
            max-height:40px;
            display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
          }
          .sku-name{
            font-size:12px;
            line-height:20px;
            color:#989898;
            overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
          }
        }
      }
      .pricebox,.numbox{
        width:111px;
        height:80px;
        float:left;
        display: table;
      }
      .pricebox .con,.numbox .con{
        text-align:center;
        display: table-cell;
        vertical-align: middle;
      }
    }
  }
}
/*订单详情*/
/*订单状态*/
.mu-order-status{
  width:100%;
  margin:20px auto 75px;
  text-align:center;
  li{
    display:inline-block;
  }
  .statusbox{
    width:65px;
    height:40px;
    text-align:center;
    background:#fff;
    position:relative;
    .status-icon{
      font-size:32px;
      color:#989898;
    }
    .status-text{
      width:189px;
      height:55px;
      position:absolute;
      left:-62px;
      text-align:center;
      .text{
        font-size:13px;
        line-height:30px;
      }
      .date{
        font-size:12px;
        line-height:15px;
        .time{
          display:block;
        }
      }
    }
  }
  .proce{
    height:40px;
    width:124px;
    position:relative;
    &:after{
      display:block;
      content: '';
      height:10px;
      width:100%;
      position:absolute;
      top:25px;
      background-image:url(../images/proce-icons.png);
      background-repeat:no-repeat;
      background-position:0 -19px;
    }
    .info{
      position:absolute;
      font-size:12px;
      color:#e4393c;
      top:5px;
      left:50%;
      margin-left:-24px;
    }
  }
  .over{
    .status-icon{
      color:$mainColor;
    }
    color:$mainColor !important;
  }
  .over-half-wait{
    &:after{
      background-position:0 -76px;
    }
  }
  .over-half{
    &:after{
      background-position:0 0;
    }
  }
  .over{
    &:after{
      background-position:0 -38px;
    }
  }
}
/*订单评价*/
.mu-order-evaluate{
  .star-row{
    text-align:center;
    padding:20px 0;
    border-bottom:1px solid #e8e8e8;
    margin-bottom:15px;
    &:after{
      display:block;content:'';clear:both;height:0;overflow:hidden;
    }
    .mu-star-score{
      display:inline-block;
    }
  }

}



